<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小堇的博客</title>
    <style>
        body{font-family:sans-serif;max-width:800px;margin:0 auto;padding:20px;line-height:1.6}
        header{text-align:center;margin-bottom:30px}
        h1{color:#ff6b81}
        article{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:20px}
        footer{text-align:center;margin-top:30px;color:#888}
    </style>
</head>
<body>
    <header>
        <h1>小堇的博客</h1>
        <p>分享生活与技术的点滴</p>
    </header>
    <article>
        <h2>我的第一篇文章</h2>
        <p>今天是个美好的开始...</p>
    </article>
    <article>
        <h2>关于我</h2>
        <p>我是小堇，热爱编程与写作。</p>
    </article>
    <footer>
        <p>© 2023 小堇的博客</p>
    </footer>
</body>
</html>